$(function(){
    var bodyHeight = $("body,html").height();
    console.log(bodyHeight)
    // $(".leftSlide").css({"height":bodyHeight+'px'})
    $(".icon").click(function(){
        $(this).toggleClass("slide");
        $(".rightSlide").toggleClass("slide");
        //body部分超出隐藏
        $("body,html").css({"overflow":"hidden"});
        showMask();
    })
    //点击遮罩层，收起导航
    $(".mask").click(function(){
        $(this).toggleClass("slide");
        $(".rightSlide").toggleClass("slide");
        hideMask();
        //body恢复默认值
        $("body,html").css({"overflow":"visible"});
    })
    //展示遮罩层
    function showMask(){
        //遮罩层的高度等于屏幕的高度
        $(".mask").css("height",$(document).height());
        //遮罩层的宽度等于屏幕的宽度
        $(".mask").css("width",$(document).width());
        $(".mask").show();
    }
    //隐藏遮罩层
    function hideMask(){
        $(".mask").hide();
    }
})